<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
 <%@ page isELIgnored="false" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<link rel="stylesheet" type="text/css" href="../css/aui.css" />
		<style>
			#header {
				font-size: 17px;
			}
		</style>
	</head>
	<body>
		<header class="aui-bar aui-bar-nav" id="header">
			首页
		</header>
		<div id="body">
		</div>
		<footer class="aui-bar aui-bar-tab" id="footer" >
			<div class="aui-bar-tab-item aui-active" onclick="openFrm('body','首页')" id="work">
				<i class="aui-iconfont aui-icon-home"></i>
				<div class="aui-bar-tab-label">
					首页
				</div>
			</div>
			<div class="aui-bar-tab-item"  onclick="openFrm('client','游艇')" id="customer">
				<i class="aui-iconfont aui-icon-cert"></i>
				<div class="aui-bar-tab-label" id="cust">
					游艇
				</div>
			</div>
			<div class="aui-bar-tab-item"  onclick="openFrm('contract','介绍')" id="contract">
				<i class="aui-iconfont aui-icon-calendar"></i>
				<div class="aui-bar-tab-label">
					介绍
				</div>
			</div>
			<div class="aui-bar-tab-item"  onclick="openFrm('my','个人中心')" id="my">
				<i class="aui-iconfont aui-icon-my"></i>
				<div class="aui-bar-tab-label">
					我的
				</div>
			</div>
		</footer>
	</body>
	<script type="text/javascript"  src="${pageContext.request.contextPath}/js/jquery.min.js"></script>
	<%-- <script type="text/javascript"  src="${pageContext.request.contextPath}/js/aui-search.js"></script> --%>
	<script type="text/javascript">
			$("#body").load("${pageContext.request.contextPath}/wap/body.do");
			
		function openFrm(windows,title)
		{
			$("#body").load("${pageContext.request.contextPath}/wap/"+windows+".do");
			$("#header").html(title);
		}
		
		$(".aui-bar-tab-item").click(function(){
			$(".aui-bar-tab-item").removeClass("aui-active");
			$(this).addClass("aui-active");
		});
		
	</script>
</html>